<div class="mst">
  <nz-input-group nzSize="large">
    <div nz-row nzGutter="8">
      <div nz-col nzSpan="5">
        <input nz-input value="0571" />
      </div>
      <div nz-col nzSpan="8">
        <input nz-input value="26888888" />
      </div>
    </div>
  </nz-input-group>

  <nz-input-group nzCompact>
    <input nz-input value="0571" style="width: 20%" />
    <input nz-input value="26888888" style="width: 30%" />
  </nz-input-group>

  <nz-input-group nzCompact>
    <nz-select [ngModel]="1">
      <nz-option nzLabel="Zhejiang" [nzValue]="1"></nz-option>
      <nz-option nzLabel="Jiangsu" [nzValue]="2"></nz-option>
    </nz-select>
    <input nz-input value="Xihu District, Hangzhou" style="width: 50%" />
  </nz-input-group>

  <nz-input-group nzCompact>
    <nz-select [ngModel]="1">
      <nz-option nzLabel="Option1" [nzValue]="1"></nz-option>
      <nz-option nzLabel="Option2" [nzValue]="2"></nz-option>
    </nz-select>
    <input nz-input value="input content" style="width: 50%" />
    <nz-input-number></nz-input-number>
  </nz-input-group>

  <nz-input-group nzCompact>
    <input nz-input value="input content" style="width: 50%" />
    <nz-date-picker></nz-date-picker>
  </nz-input-group>

  <nz-input-group nzCompact>
    <nz-select [ngModel]="1">
      <nz-option nzLabel="Option1-1" [nzValue]="1"></nz-option>
      <nz-option nzLabel="Option1-2" [nzValue]="2"></nz-option>
    </nz-select>
    <nz-select [ngModel]="1">
      <nz-option nzLabel="Option2-1" [nzValue]="1"></nz-option>
      <nz-option nzLabel="Option2-2" [nzValue]="2"></nz-option>
    </nz-select>
  </nz-input-group>

  <nz-input-group nzCompact class="range">
    <nz-select [ngModel]="1">
      <nz-option nzLabel="Between" [nzValue]="1"></nz-option>
      <nz-option nzLabel="Except" [nzValue]="2"></nz-option>
    </nz-select>
    <input nz-input placeholder="Minimum" class="range-left" />
    <input nz-input value="~" [disabled]="true" class="range-middle" />
    <input nz-input placeholder="Maximum" class="range-right" />
  </nz-input-group>

  <nz-input-group nzCompact>
    <nz-select [ngModel]="1">
      <nz-option nzLabel="Sign In" [nzValue]="1"></nz-option>
      <nz-option nzLabel="Sign Up" [nzValue]="2"></nz-option>
    </nz-select>
    <input nz-input type="email" placeholder="Email" style="width: 50%" />
  </nz-input-group>

  <nz-input-group nzCompact>
    <nz-select [ngModel]="1" style="width: 30%">
      <nz-option nzLabel="Home" [nzValue]="1"></nz-option>
      <nz-option nzLabel="Company" [nzValue]="2"></nz-option>
    </nz-select>
    <nz-cascader [nzOptions]="options" style="width: 70%"></nz-cascader>
  </nz-input-group>
</div>
